<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Add To Google + Circle Widget From Bloggingxray</title>
<style type="text/css"> 
                        body { font-family: helvetica,Arial,sans-serif;margin: 0;padding: 0;text-align: left;font-size:14px;line-height:1.4;} 
                        #content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; } 
                        #content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #F8ECE0;font-size:16px;color:#333333;border:1px solid #999;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} 
                        fieldset{-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;border:1px solid #AAA;} 
                        fieldset legend{font-size:15px;font-weight:bold; padding:2px 10px;border:1px solid #AAA;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;} 
                </style> 
<script> 
                //<!-- 
                function bxgpluscodegen() { 
                                var bxyww = document.getElementsByName("bxww")[0].value; 
                                var bxywh = document.getElementsByName("bxwh")[0].value; 
                                var bxymcolor = document.getElementsByName("bxmc")[0].value; 
                                var bxymtbbcolor = document.getElementsByName("bxmtbbc")[0].value; 
                                var bxymtblcolor = document.getElementsByName("bxmtblc")[0].value; 
                                var bxymbutsize = document.getElementsByName("bxbsize")[0].value; 
                                var bxybbcolor = document.getElementsByName("bxbbc")[0].value; 
                                var bxybbhcolor = document.getElementsByName("bxbbhc")[0].value; 
                                var bxybbgcolor = document.getElementsByName("bxbbgc")[0].value; 
                                var bxybhcolor = document.getElementsByName("bxbhc")[0].value; 
                                var bxybtxtcolor = document.getElementsByName("bxtc")[0].value; 
                                var bxybtxthcolor = document.getElementsByName("bxthc")[0].value; 
                                var bxybfsz = document.getElementsByName("bxbfsz")[0].value; 
                                var bxyttcolor = document.getElementsByName("bxttc")[0].value; 
                                var bxynamcolor = document.getElementsByName("bxnamc")[0].value; 
                                var bxynamfsz = document.getElementsByName("bxnamfsz")[0].value; 
                                var bxya = document.getElementsByName("a")[0].value; 
                                var bxyb = document.getElementsByName("ab")[0].value; 
                                var bxyc = document.getElementsByName("abc")[0].value; 
                                var bxyd = document.getElementsByName("abcd")[0].value; 

                                                                

                                var bxsetup = document.getElementsByName("tbox")[0]; 

                                
                                bxsetup.value = "\<script type=\"text/javascript\"\>\npid='" + bxyww + "';ww='" + bxywh + "';ff='" + bxymcolor +"';mbgc='" + bxymtbbcolor +"';mbc='" + bxymtblcolor +"';tlc='" + bxymbutsize + "';bxbbcl='" + bxybbcolor +"';tc='" + bxybbhcolor +"';nc='" + bxybbgcolor +"';fs='" + bxybhcolor +"';bw='" + bxybtxtcolor +"';bbgc='" + bxybtxthcolor +"';bbc='" + bxybfsz + "';bfc='" + bxyttcolor +"';fsb='" + bxynamcolor +"';bmoc='" + bxynamfsz +"';bmobc='" + bxya +"';bmofc='" + bxyb +"';bc='" + bxyc +"';b='" + bxyd +"';l='y';pc='4889F0';</script\>"; 
                                bxsetup.value += "\<script type=\"text/javascript\"\ src=\"http://widgetsplus.com/google_plus_widget.js\"\>\</script\>" 





 } 
                //--> 
                </script> 




</head> 


<body> 



<div id='content-wrapper'> 
                        <h2>Blogging X-ray Add To Google + Circle Widget</h2> 
                        <fieldset> 
                                <legend align='left'> 
                                        Google +1 Advanced Seting 
                                </legend> 
                                <table width="100%"> 
                                        <tr> 
                                                <td colspan="2"> 
                                                        <span style="font-size:18px;text-align:center;display:block;">Basic Style</span> 
                                                        <hr width="100%" align="center"> 
                                                </td> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxww">Google + ID</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxww" id="bxww" maxlength="30" size="30" value=""> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxwh">Widget Width</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxwh" id="bxwh" maxlength="6" size="8" value="320"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxmc">Font Style: 
                                                        1=Calibri,2=Garamond,3=Georgia,4=Helvetica Neue,5=Times New Roman</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxmc" id="bxmc" maxlength="6" size="8" value="3"> 
                                                </td> 
                                        </tr> 
                                        
                                        <tr> 
                                                <td colspan="2"> 
                                                        <br> 
                                                        <span style="font-size:18px;text-align:center;display:block;">Main Area Style</span> 
                                                        <hr width="100%" align="center"> 
                                                </td> 
                                        <tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxmtbbc">Background Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxmtbbc" id="bxmtbbc" maxlength="6" size="8" value="f5f5f5"> 
                                                </td> 
                                        </tr>                                                                                 
                                        
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxmtblc">Main Area Border Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxmtblc" id="bxmtblc" maxlength="6" size="8" value="cecece"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbsize">Seprator Line Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbsize" id="bxbsize" maxlength="6" size="8" value="cecece"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td colspan="2"> 
                                                        <br> 
                                                        <span style="font-size:18px;text-align:center;display:block;">Title Style</span> 
                                                        <hr width="100%" align="center"> 
                                                </td> 
                                        <tr> 

                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbbc">Title Text</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbbc" id="bxbbc" maxlength="6" size="8" value="Add me on"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbbhc">Title Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbbhc" id="bxbbhc" maxlength="6" size="8" value="6a6a6a"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbbgc">Name Font Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbbgc" id="bxbbgc" maxlength="6" size="8" value="6a6a6a"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbhc">Name Font Size</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbhc" id="bxbhc" maxlength="6" size="8" value="16"> 
                                                </td> 
                                        </tr> 
                                        
                                        <tr> 
                                                <td colspan="2"> 
                                                        <br> 
                                                        <span style="font-size:18px;text-align:center;display:block;">Button Style</span> 
                                                        <hr width="100%" align="center"> 
                                                </td> 
                                        <tr> 

                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxtc">Button Width: (At Least 60)</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxtc" id="bxtc" maxlength="6" size="8" value="100"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxthc">Button Background Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxthc" id="bxthc" maxlength="6" size="8" value="4889F0"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxbfsz">Button Bordor Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxbfsz" id="bxbfsz" maxlength="6" size="8" value="3F79D5"> 
                                                </td> 
                                        </tr> 

                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxttc">Button Text Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxttc" id="bxttc" maxlength="6" size="8" value="FFFFFF"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxnamc">Button Text Size</label><span style="float:right;"></span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxnamc" id="bxnamc" maxlength="6" size="8" value="13"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="bxnamfsz">Button Hover Background Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="bxnamfsz" id="bxnamfsz" maxlength="6" size="8" value="3F79D5"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="a">Button Hover Bordor Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="a" id="a" maxlength="6" size="8" value="3b71c6"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="ab">Button Hover Bordor Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="ab" id="ab" maxlength="6" size="8" value="ffffff"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td colspan="2"> 
                                                        <br> 
                                                        <span style="font-size:18px;text-align:center;display:block;">People in circle text Style</span> 
                                                        <hr width="100%" align="center"> 
                                                </td> 
                                        <tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="abc">People In Circle Text Color</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="abc" id="abc" maxlength="6" size="8" value="6a6a6a"> 
                                                </td> 
                                        </tr> 
                                        <tr> 
                                                <td width='50%'> 
                                                        <label for="abcd">In cricle text: s=Short discription, l=Long Discription</label><span style="float:right;">#</span> 
                                                </td> 
                                                <td width='50%'> 
                                                        <input type="text" name="abcd" id="abcd" maxlength="6" size="8" value="s"> 
                                                </td> 
                                        </tr> 

                                </table> 
                        </fieldset> 
                        <br> 
                        <center> 
                                <input value='Get Code' style='font-size:16px;width:220px;line-height:25px;font-weight:bold;' type='button' onclick='javascript:bxgpluscodegen();' /> 
                        </center> 
                        <br> 
                        <textarea onfocus="this.select()" onmouseover="this.focus()" onclick="this.focus();this.select()" style='border:1px solid #7F9DB9; background:#ffffff;width:100%;height:250px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;' readonly='readonly' name='tbox' rows="1" cols="20"></textarea> 
                        <br> 
                        <br> 
                        <center> 
                                        Copyright &copy; 2011 All Rights Reserved by <strong>Zico</strong> @ <a href='http://www.bloggingxray.com/'>Blogging X-ray</a> 
                        </center> 
                </div> 
</body>
</html>